<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>注册页面</title>
    <!--    引入格式文件-->
    <link rel="stylesheet" href="./css/reg.css" />
  </head>
  <body>
    <style></style>
    <div class="rg_layout">
      <div class="rg_left">
        <p>新用户注册</p>
        <p>USER REGISTER</p>
      </div>
      <div class="rg_center">
        <div class="rg_form">
          <form action="#" method="post">
            <table>
              <tr>
                <td class="td_left"><label for="username">用户名</label></td>
                <td class="td_right">
                  <input type="text" id="username" />
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="password">密码</label></td>
                <td class="td_right">
                  <input type="password" id="password" />
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="phone">手机号</label></td>
                <td class="td_right">
                  <input type="text" id="phone" name="phone" />
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="">性别</label></td>
                <td class="td_right">
                  <label
                    ><input
                      type="radio"
                      name="sex"
                      value="1"
                      checked
                    />男</label
                  >&nbsp;&nbsp;&nbsp;
                  <label><input type="radio" name="sex" value="0" />女</label>
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="">是否VIP</label></td>
                <td class="td_right">
                  <label><input type="radio" name="vip" value="1" />是</label
                  >&nbsp;&nbsp;&nbsp;
                  <label
                    ><input
                      type="radio"
                      name="vip"
                      value="0"
                      checked
                    />否</label
                  >
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="question">密保问题</label></td>
                <td class="td_right">
                  <input type="text" id="question" />
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="answer">密保答案</label></td>
                <td class="td_right">
                  <input type="text" id="answer" />
                </td>
              </tr>
              <tr>
                <td class="td_left"><label for="avatar">头像</label></td>
                <td class="td_right">
                  <input type="text" id="avatar" disabled />
                  <button>选择图片</button><input type="file" hidden />
                </td>
              </tr>
              <tr>
                <td colspan="2" align="center">
                  <input type="submit" value="立即注册" id="btn_sub" />
                </td>
              </tr>
            </table>
          </form>
        </div>
      </div>
      <div class="rg_right">
        <p>已有账号？<a href="">立即登录</a></p>
      </div>
    </div>
    <script src="../jquery.min.js"></script>
    <script src="../axios.js"></script>
    <script>
      // $("form").on("submit", function (e) {
      //   e.preventDefault();
      //   // console.log(1);
      //   $.ajax({
      //     url: "http://124.223.14.236:3001/api/user/reg",
      //     method: "post",
      //     data: {
      //       username: $("#username").val(),
      //       password: $("#password").val(),
      //       phone: $("#phone").val(),
      //       sex: $("[name=sex]:checked").val(),
      //       vip: $("[name=vip]:checked").val(),
      //       question: $("#question").val(),
      //       answer: $("#answer").val(),
      //     },
      //     success(res) {
      //       console.log(res);
      //     },
      //   });
      // });
      // $("form").on("submit", function (e) {
      //   e.preventDefault();
      //   $.ajax({
      //     url: "/user/reg",
      //     method: "post",
      //     data: {
      //       username: $("#username").val(),
      //       password: $("#password").val(),
      //       phone: $("#phone").val(),
      //       sex: $("[name=sex]:checked").val(),
      //       vip: $("[name=vip]:checked").val(),
      //       question: $("#question").val(),
      //       answer: $("#answer").val(),
      //     },
      //     success(res) {
      //       if (!res.success) {
      //         return alert(res.msg);
      //       }
      //       alert("注册成功,请登录");
      //       location.href = "../01-loginBaseCode/login.html";
      //     },
      //   });
      // });
    

      axios.defaults.baseURL =  "http://124.223.14.236:3001/api"

      $('form').on('submit' ,async function(e){
         e.preventDefault()

 const  {data:res2} = await axios.post('/user/reg' , {             
            username: $("#username").val(),
            password: $("#password").val(),
            phone: $("#phone").val(),
            sex: Number($("[name=sex]:checked").val()),
            vip: Number($("[name=vip]:checked").val()),
            question: $("#question").val(),
            answer: $("#answer").val(),
         })

         console.log(res2);

         alert(res2.msg)


      })






    </script>
  </body>
</html>
